<template>
	<div class="detailIndex">
		<span>
			<el-button type="text" @click="$router.push('/')">返回</el-button>
		</span>
		<el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
			<el-tab-pane label="案件详情" name="0">
				<Details />
			</el-tab-pane>
			<el-tab-pane label="视频调度" name="1">
				<Videos />
			</el-tab-pane>
		</el-tabs>
	</div>
</template>
 
<script>
import Details from './detail.vue';
import Videos from './video.vue';
export default {
	name: 'DetailIndex',
	components: {
		Details,
		Videos
	},
	data() {
		return {
			activeName: 0
		};
	},
	created() {
		this.init();
	},
	methods: {
		// 初始化
		init() {},

		// 切换卡片
		handleClick() {}
	}
};
</script>
 
<style lang="scss">
.detailIndex {
	font-size: 14px;
	padding: 20px;
	position: relative;

	& > span {
		position: absolute;
		right: 40px;
		z-index: 1;
	}
}
</style>